<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>购物车页面</title>

		<link href="/Public/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="/Public/basic/css/demo.css" rel="stylesheet" type="text/css" />
		<link href="/Public/css/cartstyle.css" rel="stylesheet" type="text/css" />
		<link href="/Public/css/optstyle.css" rel="stylesheet" type="text/css" />

		
		<script type="text/javascript" src="/Public/js/jquery.js"></script>
		<script type="text/javascript" src="/Public/js/shopcart.js"></script>
		
	</head>

	<body>

		<!--顶部导航条 -->
		<include file='./Application/Home/View/Share/header.html'/>

			<!--购物车 -->
			<div class="concent">
				<div id="cartTable">
					<div class="cart-table-th">
						<div class="wp">
							<div class="th th-chk">
								<div id="J_SelectAll1" class="select-all J_SelectAll">

								</div>
							</div>
							<div class="th th-item">
								<div class="td-inner">商品信息</div>
							</div>
							<div class="th th-price">
								<div class="td-inner">单价</div>
							</div>
							<div class="th th-amount">
								<div class="td-inner">数量</div>
							</div>
							<div class="th th-sum">
								<div class="td-inner">金额</div>
							</div>
							<div class="th th-op">
								<div class="td-inner">操作</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>

					<div class="item-list" id="shopcart">
						
						<!-----订单显示--->
									
					
					</div>
					<div class="clear"></div>

					
				</div>
				<div class="clear"></div>

				<div class="float-bar-wrapper">
					<div id="J_SelectAll2" class="select-all J_SelectAll">
						<div class="cart-checkbox">
							<input class="check-all check" id="J_SelectAllCbx2" name="select-all" value="true" type="checkbox">
							<label for="J_SelectAllCbx2"></label>
						</div>
						<span>全选</span>
					</div>
					<div class="operations">
						<a href="#" hidefocus="true" class="deleteAll">删除</a>
						<a href="#" hidefocus="true" class="J_BatchFav">移入收藏夹</a>
					</div>
					<div class="float-bar-right">
						<div class="amount-sum">
							<span class="txt">已选商品</span>
							<em id="J_SelectedItemsCount">0</em><span class="txt">件</span>
							<div class="arrow-box">
								<span class="selected-items-arrow"></span>
								<span class="arrow"></span>
							</div>
						</div>
						<div class="price-sum">
							<span class="txt">合计:</span>
							<strong class="price">¥<em id="J_Total">0.00</em></strong>
						</div>
						<div class="btn-area"onclick="jiesuan(this)">
							<a id="J_Go" class="submit-btn submit-btn-disabled" aria-label="请注意如果没有选择宝贝，将无法结算">
								<span>结&nbsp;算</span></a>
						</div>
					</div>

				</div>

			<include file='./Application/Home/View/Share/footer.html'/>

			</div>

			<!--操作页面-->

			<div class="theme-popover-mask"></div>

			<div class="theme-popover">
				<div class="theme-span"></div>
				<div class="theme-poptit h-title">
					<a href="javascript:;" title="关闭" class="close">×</a>
				</div>
				<div class="theme-popbod dform">
					<form class="theme-signin" name="loginform" action="" method="post">

						<div class="theme-signin-left">

							<li class="theme-options">
								<div class="cart-title">颜色：</div>
								<ul>
									<li class="sku-line selected">12#川南玛瑙<i></i></li>
									<li class="sku-line">10#蜜橘色+17#樱花粉<i></i></li>
								</ul>
							</li>
							<li class="theme-options">
								<div class="cart-title">包装：</div>
								<ul>
									<li class="sku-line selected">包装：裸装<i></i></li>
									<li class="sku-line">两支手袋装（送彩带）<i></i></li>
								</ul>
							</li>
							<div class="theme-options">
								<div class="cart-title number">数量</div>
								<dd>
									<input class="min am-btn am-btn-default" name="" type="button" value="-" />
									<input class="text_box" name="" type="text" value="1" style="width:30px;" />
									<input class="add am-btn am-btn-default" name="" type="button" value="+" />
									<span  class="tb-hidden">库存<span class="stock">1000</span>件</span>
								</dd>

							</div>
							<div class="clear"></div>
							<div class="btn-op">
								<div class="btn am-btn am-btn-warning">确认</div>
								<div class="btn close am-btn am-btn-warning">取消</div>
							</div>

						</div>
						<div class="theme-signin-right">
							<div class="img-info">
								<img src="/Public/images/kouhong.jpg_80x80.jpg" />
							</div>
							<div class="text-info">
								<span class="J_Price price-now">¥39.00</span>
								<span id="Stock" class="tb-hidden">库存<span class="stock">1000</span>件</span>
							</div>
						</div>

					</form>
				</div>
			</div>
		<!--引导 -->
		<div class="navCir">
			<li><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li class="active"><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>	
			<li><a href="/Public/person/index.html"><i class="am-icon-user"></i>我的</a></li>					
		</div>
	</body>

</html>
<script id="shopcart-tpl" type="text/html">
	<% for (i=0;i<data.length;i++){%>
		
		<div class="bundle  bundle-last ">
			<div class="bundle-hd">
				<div class="bd-promos">
					<div class="bd-has-promo">已享优惠:<span class="bd-has-promo-content">省￥19.50</span>&nbsp;&nbsp;</div>
					<div class="act-promo">
						<a href="#" target="_blank">第二支半价，第三支免费<span class="gt">&gt;&gt;</span></a>
					</div>
					<span class="list-change theme-login">编辑</span>
				</div>
			</div>
			<div class="clear"></div>
			<div class="bundle-main">
				<ul class="item-content clearfix delfather" >
					<input type="hidden" class="shopcart_id" value="<%=data[i].shopcart_id%>" />
					<li class="td td-chk">
						<div class="cart-checkbox">
							<input class="check" <%if(data[i].selected==1){%>checked="checked"<%}else{%> <%}%>id="J_CheckBox_170037950254" name="items[]" onclick="cbbox(this)"value="<%=data[i].shopcart_id%>" type="checkbox">
							<label for="J_CheckBox_170037950254"></label>
						</div>
					</li>
					<li class="td td-item">
						<div class="item-pic">
							<a href="#" target="_blank" data-title="<%=data[i].title%>" class="J_MakePoint" data-point="tbcart.8.12">
								<img src="<%=data[i].picture%>" class="itempic J_ItemImg"></a>
						</div>
						<div class="item-info">
							<div class="item-basic-info">
								<a href="#" target="_blank" title="<%=data[i].title%>" class="item-title J_MakePoint" data-point="tbcart.8.11"><%=data[i].title%></a>
							</div>
						</div>
					</li>
					<li class="td td-info">
						<div class="item-props item-props-can">
							<span class="sku-line"><%=data[i].kouwei[0]%><%=data[i].kouwei[1]%></span>
							<span tabindex="0" class="btn-edit-sku theme-login">修改</span>
							<i class="theme-login am-icon-sort-desc"></i>
						</div>
					</li>
					<li class="td td-price">
						<div class="item-price price-promo-promo">
							<div class="price-content">
								<div class="price-line">
									<em class="price-original"><%=data[i].price%></em>
								</div>
								<div class="price-line">
									<em class="J_Price price-now" tabindex="0"><%=data[i].cxprice%></em>
								</div>
							</div>
						</div>
					</li>
					<li class="td td-amount">
						<div class="amount-wrapper ">
							<div class="item-amount ">
								<div class="sl">
									<input class="min am-btn" name="" type="button" onclick="reduce(this)" value="-" />
									<input class="text_box" name="" type="text" value="<%=data[i].count%>" style="width:30px;" />
									<input class="add am-btn" name="" type="button" onclick="add(this)"value="+" />
								</div>
							</div>
						</div>
					</li>
					<li class="td td-sum">
						<div class="td-inner">
							<em tabindex="0" class="J_ItemSum number"><%=data[i].num%></em>
						</div>
					</li>
					<li class="td td-op">
						<div class="td-inner">
							<a title="移入收藏夹" class="btn-fav" href="#">移入收藏夹</a>
							<a href="javascript:;" data-point-url="#" class="delete" onclick="delsc(this)">删除</a>
						</div>
					</li>
				</ul>		
			</div>
		</div>	
	<%}%>
	<script type="text/javascript" src="/Public/js/jquery.js"></script>		
</script>

<script>	
	//PHp获取url参数   
function geturl(name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
var shop_id = geturl("shop_id");
function delsc(obj){
	var shopcart_id = $(obj).parents("#delfather").find("#shopcart_id").val();
	$.get('/Api/Shop/delsc',{shopcart_id:shopcart_id},function(ret){
		if(ret.staus == true){			
			location.reload();
		}else{
			alert("删除失败！");
		}
	});	
}
function jiesuan(obj){
	//var text="";
	//var i =0;
	//$(obj).parents(".concent").find("#cartTable").find("#shopcart").find(".bundle").find(".bundle-main").find("#delfath/er").find(".td-chk").find('input[name="items[]"]:checked').each(function(){
		//text+="scid"+i+"="+$(this).val()+"&";
		//i++;
	//});
	var len =$(obj).parents(".concent").find('input[name="items[]"]:checked').length;
	if(len==" "){
		alert("未选中商品！");
	}else{
		location.href='/Home/Pay/pay';
	}
}
function reduce(obj){
	var prices =0;
	var shopcart_id = $(obj).parents('.delfather').find(".shopcart_id").val();
	var count = $(obj).parent('.sl').find(".text_box").val()-1;//真实值比count大1
	var cxprice = $(obj).parents('.delfather').find(".td-price").find(".price-now").text();
	$.get('/Api/Shop/reduce',{shopcart_id:shopcart_id,count:count},function(ret){
			if(ret.staus == true){	
				if(count <= 1){
					$(obj).parent('.sl').find(".text_box").val('1');
					$(obj).attr("style","display:none");
					$(obj).parent(".td-amount").parent(".item-content").find(".td-sum").find(".number").text(cxprice);
				}else{
					var num = count*cxprice;
					$(obj).parents(".item-content").find(".td-sum").find(".number").text(num);
					var len =$(obj).parents(".concent").find('input[name="items[]"]:checked').length;
					$('input[name="items[]"]:checked').each(function(){
					var price=$(this).parents(".delfather").find(".number").text();
					prices=prices+parseFloat(price);
				});	
				$(obj).parents(".concent").find("#J_SelectedItemsCount").text(len);
				$(obj).parents(".concent").find("#J_Total").text(prices);
				}		
			}else{
				alert("未知错误！");
			}
		});		
}
function add(obj){
	var prices =0;
	var shopcart_id = $(obj).parents('.delfather').find(".shopcart_id").val();
	var count = $(obj).parent('.sl').find(".text_box").val();//真实值比count大1
	count++;
	var cxprice = $(obj).parents('.delfather').find(".td-price").find(".price-now").text();
	$.get('/Api/Shop/add',{shopcart_id:shopcart_id,count:count},function(ret){
			if(ret.staus == true){	
				var num = count*cxprice;
				$(obj).parents(".item-content").find(".td-sum").find(".number").text(num);	
				var len =$(obj).parents(".concent").find('input[name="items[]"]:checked').length;
				$('input[name="items[]"]:checked').each(function(){
					var price=$(this).parents(".delfather").find(".number").text();
					//alert(price);
					prices=prices+parseFloat(price);
				});	
				$(obj).parents(".concent").find("#J_SelectedItemsCount").text(len);
				$(obj).parents(".concent").find("#J_Total").text(prices);
			}else{
				alert("未知错误！");
			}
		});		
}
function cbbox(obj){
	var shopcart_id = $(obj).parents('.delfather').find(".shopcart_id").val();
	var prices =0;
	$.get('/Api/Shop/cbbox',{shopcart_id:shopcart_id},function(ret){
			if(ret.staus == true){
				var len =$(obj).parents(".concent").find('input[name="items[]"]:checked').length;
				$('input[name="items[]"]:checked').each(function(){
					var price=$(this).parents(".delfather").find(".number").text();
					//alert(price);
					prices=prices+parseFloat(price);
				});	
				$(obj).parents(".concent").find("#J_SelectedItemsCount").text(len);
				$(obj).parents(".concent").find("#J_Total").text(prices);
			}else{
				//alert("未知错误！");
			}
		});	
}
SHOPCART.run();
</script>	
	
